<template>
    <view class="introduction_main">
      <view class="introduction_main_top">简介</view>
      <view class="introduction_main_title">什么是塔罗牌？</view>
      <view>塔罗牌，由“TAROT”一词音译而来，被称为“大自然的奥秘库”。它是西方古老的占卜工具，中世纪起流行于欧洲，其起源一直是个谜。</view>
      <view>19世纪，塔罗牌开始在欧洲和美国的神秘学和占卜圈子中流行开来。阿瑟·爱德华·怀特（Arthur Edward Waite）和彼得·史密斯（Pamela Colman Smith）于1909年合作出版的《怀特塔罗牌》，成为了现代塔罗牌中最著名的版本之一，也是大多数后来的塔罗牌版本的基础。
                如今，塔罗牌已经成为一种广泛使用的占卜工具，不仅在欧洲和美洲地区流行，也在亚洲和其他地区得到了越来越多的关注和使用。在不同的文化和传统中，塔罗牌被赋予了不同的意义和象征。例如，在埃及神话中，大阿卡纳中的“死神”牌被认为代表死亡和再生，而在基督教文化中，“死神”则通常被解释为代表着一个人生命中的转折点。
                塔罗牌在占卜和神秘学领域中被广泛使用，可以帮助人们探索自身的内心世界和生命的意义。然而，对于塔罗牌的使用和解释，也需要结合个人的直觉和理解进行理性和谨慎的判断。</view>
      
      <view class="introduction_main_title">塔罗牌三大体系</view>
      <view v-for="(item, index) in tarotSystems" :key="index">
        <view>{{ item.name }}</view>
        <view>{{ item.description }}</view>
      </view>
    </view>
  </template>
  
  <script lang="ts" setup>
  import { reactive } from "vue";
  const tarotSystems = reactive([
          { 
            name: "1.马赛塔罗牌", 
            description: "马赛塔罗牌起源于法国马赛，是塔罗牌的经典之作。从十五世纪末开始，马赛地区就开始大量印刷塔罗牌，今天公认的七十八张标准塔罗牌结构就是依据马赛塔罗牌的规格而来。马赛塔罗牌的画风简单朴素，小阿尔克纳数字牌就像扑克牌一样，没有复杂的图案，只是单纯地画出与该牌数字同数量的牌组象征。在当时的法国，马赛塔罗牌比扑克牌还要普遍，但人们主要以玩纸牌游戏为主，一般在商店就可以买到。" 
          },
          {
            name:"2.韦特塔罗牌",
            description:"韦特塔罗牌由亚瑟·爱德华·伟特创立架构，帕梅拉·寇门·史密斯绘图，是影响后世最深、发行量最大的塔罗牌。这副塔罗牌于1910年正式发行，风行全球主要原因有：小牌数字牌用了具体的故事图象来呈现小牌的意义，浅显易懂且又兼顾了神秘学内涵。作者写了一本解释塔罗牌原理及占卜的书《经典塔罗》。韦特塔罗牌发行于1910年，其图文皆为英文，借着当时大英帝国的强盛及之后的美国崛起，这副在英国销售最好的塔罗牌逐渐流传至全世界。"
          },
          {
            name:"3.透特塔罗牌",
            description:"透特（托特）塔罗牌是由近代极具争议的神秘学家阿来斯特·克劳利与佛莱达·哈里丝女士合作，花了五年的时间，融合了占星术、易经、神话、魔法等各种神秘学元素，创作出这副以埃及为主题的塔罗牌。其画风独具特色及抽象的美感，内容深度更是超越以往大多数的塔罗牌。根据经验，使用过这副牌的人大多认为此牌的灵修功能大于占卜功能，所以托特牌在利用塔罗牌进行灵修的人士当中，可说最为受到推崇。"
          }
        ])
  </script>
  
  <style scoped>
  .introduction_main {
    background-color: #ffffff;
    padding: 20rpx 30rpx;
    line-height: 1.6;
    color: #333;
  }
  
  .introduction_main_top {
    font-size: 36rpx;
    font-weight: 600;
    color: #2c3e50;
    margin: 20rpx 0;
    padding-bottom: 20rpx;
    border-bottom: 2rpx solid #eee;
  }
  
  .introduction_main_title {
    font-size: 32rpx;
    font-weight: 500;
    color: #27ba9b;
    margin: 30rpx 0 15rpx;
  }
  
  .introduction_main view {
    font-size: 28rpx;
    margin-bottom: 20rpx;
    text-align: justify;
  }
  
  /* 塔罗体系卡片样式 */
  .view[data-v-xxxxxx] { /* 需要添加实际选择器 */
    background: #f8f9fa;
    border-radius: 12rpx;
    padding: 20rpx;
    margin: 20rpx 0;
    box-shadow: 0 2rpx 8rpx rgba(0,0,0,0.1);
  }
  
  .view[data-v-xxxxxx] > view:first-child {
    font-weight: bold;
    color: #1a1a1a;
    margin-bottom: 10rpx;
  }
  </style>
  